<template>
    <div>
        <van-nav-bar title="商品" left-text="返回" left-arrow @click-left="() => { $router.push('home/index') }" />
        <van-card num="1" price="1200.00" desc="内核8tz,全新智能手机" title="oppo智能手机"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"  @click="dp"/>
        <van-card num="1" price="2600.00" desc="内核8z蛟龙3600" title="oppo智能电视"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"  @click="dp"/>
        <van-card num="1" price="3600.00" desc="学生专用智能平板 内存 8+256G" title="商品标题"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-5.jpeg"  @click="dp"/>
        <van-card num="1" price="3200.00" desc="学生智能平板  内存 8+256G" title="平板"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-6.jpeg"  @click="dp"/>
        <van-card num="1" price="700.00" desc="拍照清晰 内存 8+256G" title="ipone7plas"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-8.jpeg"  @click="dp"/>
    </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
const router =useRouter()
const dp=()=>{
     router.push('/xp')
}
</script>

<style lang="scss" scoped></style>